<template>
  <!-- card

  插槽：自定义组件内的内容
  默认插槽
      定义
         xxx组件内：
               <slot />
      使用
         <xxx> 默认插槽内容</xxx>
  具名插槽
      定义
         xxx组件内：
               <slot name='abc' />
      使用
         <xxx>
            <template #abc>
              内容
            </template>
         </xxx>

  作用域插槽:子组件内向插槽传递了一些值
       默认插槽
            定义
              xxx组件内：
                    <slot num="999"  str='hello' />
            使用
              <xxx>
                <template v-slot="scope" v-slot:default="scope" #default="scope">
                  scope={num:999,str:'hello'}
                </template>
              </xxx>
       具名插槽
            定义
              xxx组件内：
                    <slot name='abc' num="999"  str='hello' />
            使用
              <xxx>
                <template  v-slot:abc="scope" #abc="scope">
                  scope={num:999,str:'hello'}
                </template>
              </xxx>

  -->
  <div style="padding: 20px">
    <el-card>
      <!-- <template #header> 标题 </template> -->
      <div>内容</div>
    </el-card>
  </div>
</template>
<script>
export default {}
</script>
<style></style>
>
